/* 
	Theme Name: Blue 2
	Description: OTMN
*/

/* for IE/Win */
html>body {font-size:12px} 

/* for everything else */
/* Set other elements using ems 
(where 1em = 10px, 2em = 20px */
/* END font size CSS */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/*CONTENT AREA */
#content {
	width: 520px;
	padding: 20px 10px;
	float: left;
	/*border: 2px solid #424242;*/
}
h1 {
	font-size: 26px;
}

#content p {
	font-size: 12px;
	color: #555;
	line-height: 1.4em;
}
#content div.step-box {
	width: 190px;
	padding:  5px 0;
	padding-bottom: 40px;
	float: left;
}
#content div.step-box img {
	margin-bottom: 5px;
}
#content div.step-box.left {
	padding-right: 120px;
}
#content div.step-box h2 {
	font-size: 13px;
	width: 230px;
	padding: 0 10px;
	padding-bottom: 5px;
}
#content div.step-box p {
	line-height: 1.2em;
	font-size: 11px;
	padding: 0 10px;
	width: 230px;
}
#sidebar {
	width: 330px;
	padding: 20px 0;
	margin-top:40px;
	padding-left: 10px;
	float: left;
	line-height: 1.4em;
}
#sidebar h2 {
	padding: 5px 10px;
}
#sidebar p {
	line-height: 1.2em;
	font-size: 11px;
	padding: 5px 10px;
}
h2 {
	font-size: 19px;
	padding-top: 8px;
}
ol{
	list-style: none;
	padding: 5px 0;
	padding-left: 20px;
}
ol li{
	list-style: none;
	display: block;
	padding: 3px;
	line-height: 1.2em;
	font-size: 12px;
	color: #355d36;
	padding-left: 25px;
	background:  url(images/checkmark.gif) no-repeat top left;
}

#home-pane ol{
	list-style: none;
	padding: 5px 15px;
	padding-left: 20px;
}

#home-pane ol li {
	list-style: none;
	display: block;
	padding: 3px;
	line-height: 2.2em;
	font-size: 26px;
	font-weight:bold;
	color: #355d36;
	padding-left: 45px;
	background:  url(images/greencheck.gif) no-repeat top left;
}

#scroller {
	width: 960px;
	margin: 0 auto;	
	overflow: hidden;
}
#content-scroller {
	width: 6490px;
}
div.section {
	width: 960px;
	height: 348px;
	float: left;
}
#home-pane {
	background: #eee url(images/intros.jpg) no-repeat top;
	width: 960px;
	height: 348px;
	float: left;
}
#vtb-pane {
	background:  url(images/vtb.jpg) no-repeat top;
	width: 960px;
	height: 348px;
	float: left;
}
#viral-pane {
	background:  url(images/vaa.jpg) no-repeat top;
	width: 960px;
	height: 348px;
	float: left;
}
#tt-pane {
	background:  url(images/testing.jpg) no-repeat top;
	width: 960px;
	height: 348px;
	float: left;
}
#mp-pane {
	background:  url(images/mp.jpg) no-repeat top;
	width: 960px;
	height: 348px;
	float: left;
}
div.hide {
	padding: 20px;
	width: 440px;
}
div.hide h2 {
	font-size: 34px;
	color: #222;
	letter-spacing: -1px;
	padding-bottom: 10px;
}
div.hide h3 {
	font-size: 15px;
	padding-bottom: 10px;
}
a.readmore {
	width: 170px;
	height: 50px;
	margin-left: 330px;
	text-indent: -999999px;
	display: block;
	margin-top: -15px;
}
#features {
	border-top: 1px solid #ccc;
	padding-top: 30px;
	clear: both;
	width: 880px;
	padding-left: 30px;
	margin-left: 20px;
}
#header-feature {
	background:  url(images/magnifier.gif) no-repeat left bottom;
	padding-left: 60px;
}
#header-feature h2 {
	font-size: 28px;
}
#header-feature h3 {
	font-size: 14px;
	color: #777;
	font-weight: normal;
}
#feature-box {
	margin: 20px 0;
	width: 844px;
	border: 1px solid #ccc;
}
#feature-box ul {
	width: 300px;
	list-style: none;
	background:  url(images/feature-ul.gif) repeat-y right; 
	float: left;
}
#feature-box ul li {
	padding-left: 30px;
	border-bottom: 1px solid #d0e7f9;
}
#feature-box ul li:hover {
	background: #fff;
}
#feature-box ul li a {
	background:  url(images/feature-arrow.gif) left no-repeat;
	padding:  15px;
	padding-left: 30px;
	color: #193c52;
	display: block;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal; 
}
#banner-featured {
	width: 543px;
	height: 376px;
	overflow: hidden;
	float: left;
}
#scroller-featured {
	width: 5000px;
	overflow: hidden;
}
div.section.smaller {
	width: 543px;
	height: 376px;
}
#scroller.smaller {
	width: 543px;
	height: 376px;
}
iframe#iframe {
	width: 960px;
	height: 540px;
	border: none;
}
#watchvideo {
	border-top: 1px solid #ccc;
	padding-top: 30px;
	clear: both;
	width: 880px;
	padding-left: 30px;
	margin-left: 20px;
}
#info-left {
	width: 370px;
	padding-right: 40px;
	float: left;
}

/*profile page styles*/
#xs_main {width:500px;text-align:left;margin:0 auto;padding:1em 0 6em 0; border:2px solid #aaa;}
#xs_main a:hover {text-decoration:underline;}
#xs_main fieldset{width: 470px; padding:5px 15px;}
#xs_main h1,#xs_main h2,#xs_main h3,#xs_main h4,#xs_main h5,#xs_main h6 {color:#3b5269;font:100% Rockwell,Georgia,"Times New Roman",Times,serif;margin-bottom:.5em;}
#xs_main h1 {font-size:240%;}
#xs_main h2 {font-size:170%;margin-top:1em; text-align:left; width: 300px;}
#xs_main h2 span {color:#999;font:70% "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;}
#xs_main h2.first {margin-top:0;}
#xs_main h3 {font:bold 120% "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;}
#xs_main p,#xs_main ul,#xs_main ol,#xs_main blockquote {margin-bottom:1.2em;}
#xs_main small {color:#555;font-size:85%;}
#xs_main big {font-size:130%;}
#xs_main hr {height:1px;color:#ccc;background-color:#ccc;border:none;margin:2.5em 0;}
#xs_main div.column {width:360px;}
#xs_main div.errordesc,#xs_main div.success {background:transparent none repeat-x left bottom;padding:1em 1em .5em 1em;margin-bottom:1.2em;}
#xs_main div.errordesc {background-color:#fdd;background-image:url(./../images/error-body.png);}
#xs_main div.success {background-color:#e5ffcb;background-image:url(./../images/success-body.png);}
#xs_main div.errordesc ul,#xs_main div.success ul {list-style:none;margin:0;}
#xs_main div.errordesc ul li,#xs_main div.success ul li {background:transparent none no-repeat 0px 2px;padding:0 0 .5em 20px;}
#xs_main div.errordesc p,#xs_main div.success p {background:transparent none no-repeat 0px 2px;padding:0 0 .5em 20px;margin:0;}
#xs_main div.errordesc ul li,#xs_main div.errordesc p {background-image:url(./../images/exclamation.gif);}
#xs_main div.success ul li,#xs_main div.success p {background-image:url(./../images/accept.gif);}
#xs_main div.errordesc a,#xs_main div.success a {color:#333;font-weight:bold;text-decoration:underline;}
#xs_main form {border:1px solid #fff;}
#xs_main form dl {clear:both;border-top:1px dotted #ccc;margin-bottom:3px;margin-left:2px;}
#xs_main form dl.first {border-top:none;}
#xs_main form dl dt {float:left;color:#390;font-size:120%; font-weight: bold; width:100px;padding:8px 10px 0 0;}
#xs_main form dl dd {float:left;width:300px;padding:6px 0 6px 20px;}
#xs_main dt.error {color:#c3402f;font-weight:bold;}
#xs_main dd.error {background:transparent url(./images/error_arrow.gif) no-repeat 0px 15px;}
#xs_main dd.error input.textfield,#xs_main dd.error input.password,#xs_main dd.error select,#xs_main dd.error textarea {background-color:#ecd3d3;border:1px solid #ef5858;}
#xs_main form dl dd.textonly {font-size:120%;padding-top:8px;padding-bottom:8px; padding-left: 15px; margin-left:25px;}
#xs_main form dl dd small {font-size:95%;}
#xs_main form dl dd ul.options {list-style:none;margin-bottom:0;}
#xs_main form dl img {border:3px solid #e8eef0;}
#xs_main form dl img.icon {vertical-align:middle;border:none;margin-bottom:3px;}
#xs_main input.textfield,#xs_main input.password,#xs_main textarea,#xs_main select {width:280px;color:#252b31;background-color:#e8eef0;font:130% Georgia,"Times New Roman",Times,serif;padding:4px;border:none;}
#xs_main dl dd.required {background:transparent url(./images/flag_red.gif) no-repeat 0px 12px;}
#xs_main select {width:auto;padding:2px 1px;}
#xs_main form .note {color:#777;}
#xs_main form p.fineprint {clear:both;background:transparent url(./images/asterisk.gif) no-repeat 0px 10px;padding:6px 0 8px 20px;border-top:1px dotted #ccc;}
#xs_main form p.buttons,#xs_main form div.buttons {clear:both;padding-top:1em;}
#xs_main button {float:right;background:#008bed url(./images/teal_arrow.gif) no-repeat right center;color:#fff;font:140% Rockwell,Georgia,"Times New Roman",Times,serif;padding:5px 16px 3px 5px;border:none;}
#xs_main .buttons > button:hover {border-left:3px solid #7dbeec;}
*:first-child+html #xs_main .buttons > button:hover {border-left:none;}
#xs_main div.search {background:#dfeef3 url(./images/search_bottom.gif) no-repeat center bottom;font-size:140%;line-height:140%;margin-bottom:2em;}
#xs_main div.search form {background:transparent url(./images/search_top.gif) no-repeat center top;padding-bottom:15px;}
#xs_main div.search p {background:transparent url(./images/search_top.gif) no-repeat center top;padding:15px 15px 18px 15px;}
#xs_main div.search dl {overflow:auto;padding:15px 15px 0 15px;border:none;margin:0;}
#xs_main div.search dt {float:left;width:330px;padding:3px 0 0 0;margin:0;}
#xs_main div.search dd {float:left;width:390px;padding:0;margin:0;}
#xs_main div.search dd.buttons {position:relative;width:auto;}
#xs_main div.search dd.buttons input {position:absolute;right:22px;top:23px;}
#xs_main div.search input.textfield {background-color:#fff;width:345px;padding-right:40px;}

#xs_main form dl #profile-photo{padding:1px 15px;}

#xs_main #profile_app_url {width:450px;}



/* stats and messages */
#secondary {padding-top:1em;}
#secondary h3, 	div.column h3 {padding:5px 2px 1px 1px; font:200% Rockwell,Georgia,"Times New Roman",Times,serif;}
#secondary h3 {padding:5px; border:2px solid #aaa; background-color:#2e2e2e;color:#fff;}
div.person, div.mission{clear:left; float:left; display:inline; margin:0 0 4px; width:285px;}
div.person p, div.mission p{margin:0 !important; padding:0 0 0 89px;}
div.person img, div.mission img	{float:left;}
div.moderator 	{margin:0 0 10px}
div.person ul, div.column ul {
	margin-top: 10px;
}
div.person ul li {
	background:  url(./../images/accept.gif) left no-repeat;
	list-style: none;
	font-size: 11px;
	padding: 10px 0;
	padding-left: 18px;
	margin-left: 5px;
	font-weight: bold;
}

	/* main, secondary and tertiary content */
	#main 		{float:left; display:inline; width:663px; width/**/:/**/623px; padding:0 20px;}
	#main *,
	#secondary *,
	#tertiary *	{line-height:1.4;}
	#main p,
	#secondary p,
	#tertiary p	{margin:0 0 .9em;}
	#features, 
	#secondary 	{display:inline; width:250px; margin-right:8px;}
	#secondary h3{clear:both; margin:0 0 .8em;}
	#tertiary 	{clear:both; float:left; display:inline; width:960px; background-image:url(images/background.gif);}
	#tertiary h3	{margin:0 0 .9em;}
	#tertiary h3	a:hover{color:#FFF;}
	#tertiary_inner 	{float:left; display:inline; width:960px; background:transparent url(images/content_twocol.gif) repeat-y;}
	
	/* style three col differently */
	body.three_col #content 	{background-image:url(images/content_twocol.gif);}
	body.three_col #main 		{width:663px; padding:0;}
	body.three_col #main,
	body.three_col #secondary,
	body.three_col #tertiary 	{font-size:96%;}
	body.three_col #main *,
	body.three_col #secondary *,
	body.three_col #tertiary *{line-height:1.1;}
	body.three_col #tertiary 	{border:solid #fff; border-width:25px 0 0; padding:20px 0 0; background:#fff url(images/dash_horizontal.gif) repeat-x;}
	
	div.column{float:left; display:inline; width:305px; width/**/:/**/265px; padding:0 20px; margin-right:1px;}
	div.column ul li {
	list-style: none;
	font-size: 12px;
	padding: 10px 0;
	padding-left: 26px;
	font-weight: bold;
}